<template>
	<div class="about" id='container000'>
		<vue-html2pdf
		        :show-layout="true"
		        :float-layout="true"
		        :enable-download="true"
		        :preview-modal="true"
		        :paginate-elements-by-height="1400"
		        filename="hee hee"
		        :pdf-quality="2"
		        :manual-pagination="false"
		        pdf-format="a4"
		        pdf-orientation="landscape"
		        pdf-content-width="800px"
		        @progress="onProgress($event)"
		        @hasStartedGeneration="hasStartedGeneration()"
		        @hasGenerated="hasGenerated($event)"
		        ref="html2Pdf">
		        <section slot="pdf-content">
		           <!-- <contentVue></contentVue> -->
		        </section>
		    </vue-html2pdf>
		
	</div>
</template>
<script>
	import contentVue from '@/views/ContentVue';
	import { onMounted, ref } from 'vue';
	import vuehtml2pdf  from 'vue-html2pdf';
	export default {
		components: { contentVue, vuehtml2pdf },
		methods: {
			generateReport() {
				this.$refs.html2Pdf.generatePdf()
			},
			onProgress(event) {

			},
			hasStartedGeneration(event) {

			},
			hasGenerated(event) {

			}
		}
	
	}
</script>